@import "../../assets/css/constant.less";
/**view table start**/
.table-view-wrapper {
    display: flex;
    flex-direction:column;
    flex-wrap: nowrap;
    height: 100%;
    .query-wrapper {
        border: 1px solid @contentViewBorderColor;
        background: @contentViewBackgroundColor;
        border-radius: 4px;
        margin-bottom: 10px;
        padding-top: 10px;

        .block-control-wrapper {
            position: relative;
            height: 30px;
            border-top: 1px solid @contentViewBorderColor;
            text-align: center;
            line-height: 30x;
            background-color: @blockControlBackgroundColor;
            cursor: pointer;
            color: @blockArrowColor;

            &:hover {
                background: @blockControlActiveBackgroundColor;
                color: @blockArrowActiveColor;
                box-shadow: 0 0 8px 0 rgba(232, 237, 250, .6), 0 2px 4px 0 rgba(232, 237, 250, .5);
            }

            & > i {
                font-size: 16px;
                line-height: 30px;
                transition: .3s;
            }
        }

        /deep/ .el-form-item {
            margin-bottom: 10px;

            .el-form-item__content {
                width: 217px !important;
            }
        }
    }

    .table-body-wrapper {
        height: 100%;
        flex: 0 1 auto;
        display: flex;
        flex-direction: column;
        .btn-wrapper {
            padding: 8px 10px;
            margin-bottom: -1px;
            border: 1px solid @contentViewBorderColor;
            border-radius: 4px 4px 0px 0px;
            background: @btnBorderBackgroundColor;

            .el-button {
                margin: 3px 8px;
            }
        }
        /deep/ .el-table {
            flex: 0 1 auto;
            border: 1px solid @contentViewBorderColor;
        }
        /deep/ & .el-table__body-wrapper  {
            heigth:100%;
            overflow: auto!important;
        }
        /deep/ .el-pagination {
            padding: 8px 0px;
            margin-top:-1px;
            border: 1px solid @contentViewBorderColor;
            margin-bottom: 1px;
            background-color: @paginationBackgroundColor;
            text-align: center;
        }
        //.table-wrapper {
        //    flex: 0 1 auto;
        //    /deep/ &> .el-table {
        //        //height: 100%;
        //        flex: 0 1 auto;
        //    }
        //    border: 1px solid @contentViewBorderColor;
        //    &>div{
        //        height: 100%!important;
        //    }
        //    /deep/ .el-table::before {
        //        height: 0px;
        //    }
        //
        //    /deep/ .el-table__fixed-right::before, .el-table__fixed::before {
        //        height: 0px;
        //    }
        //
        //    /deep/ .el-table__body-wrapper, .el-table {
        //        height: 100%;
        //    }
        //
        //    /deep/ .el-table--small td, .el-table--small th {
        //        padding: 4px 0px !important;
        //    }
        //}

    }

}



/**view table end**/


/**对话框 start**/
/deep/ .el-dialog {
    .el-dialog__header {
        height: 38px;
        padding: 5px 20px 5px 20px;
        line-height: 28px;
        background: @dialogBackgroundColor;

        .el-dialog__title {
            font-size: 16px;
        }

        .el-dialog__headerbtn {
            top: 12px;
        }
    }

    .el-dialog__body {
        .el-form-item {
            .el-form-item__content {
                //width: 200px !important;
            }
        }
    }
}


/**对话框 end**/
